<script setup>
import HelloWorld from './components/HelloWorld.vue'
</script>

<template>
  <div>
    <!-- <a href="https://vite.dev" target="_blank">
      <img src="/vite.svg" class="logo" alt="Vite logo" />
    </a>
    <a href="https://vuejs.org/" target="_blank">
      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
    </a> -->
    <router-link to="/">入门示例</router-link>&nbsp;&nbsp;
    <router-link to="/vm">visualMap</router-link>&nbsp;&nbsp;
    <router-link to="/ds">dataset</router-link>&nbsp;&nbsp;
    <router-link to="/tf">transform數據轉換</router-link>&nbsp;&nbsp;
    <router-link to="/axis">axis轴</router-link>&nbsp;&nbsp;
    <router-link to="/legend">legend图例</router-link>&nbsp;&nbsp;
    <router-link to="/about">About</router-link>
  </div>
  <ul>
    <li><a href="/lesson1">vue mv-vm</a></li>
    <li><a href="/lesson3">样式等</a></li>
    <li><a href="/lesson4">监听</a></li>
    <li><a href="/lesson5">组件</a></li>
    <li><a href="/lesson6">生命周期函数</a></li>
    <li><a href="/lesson7">插槽</a></li>
    <li><a href="/lesson8">父-子子-子组件传值</a></li>
    <li><a href="/lesson9">练习</a></li>
    <li><a href="/test1">test1后端</a></li>
    <li><a href="/app2">app2</a></li>
    <li>vue-router</li>
  </ul>
  <router-view />
</template>

<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}
.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
